import { useState } from "react";
import { View, StyleSheet, Image, TextInput, Text } from "react-native";
 const NavBar = () => {
  const [text, onChangeText] = useState("");

  return (
    <View style={styles.container}>
      <View style={styles.left}>
        <Image
          source={require("../../../../assets/home/more.png")}
          style={styles.more}
        />
      </View>
      <View style={styles.middle}>
        <TextInput
          style={styles.input}
          onChangeText={onChangeText}
          value={text}
          placeholder="新人活动0.01"
          keyboardType="numeric"
        />
      </View>
      <View style={styles.right}>
        <Text style={styles.login}>登录</Text>
      </View>
    </View>
  );
};
export default NavBar
const styles = StyleSheet.create({
  container: {
    paddingLeft: 10,
    paddingRight: 10,
    flexDirection: "row",
    alignItems: "center",
    height: 50,
    backgroundColor: "#fa4b47",
  },
  left: {},
  middle: {
    flex: 1,
  },
  right: {},
  more: {
    width: 20,
    height: 20,
  },
  input: {
    height: 40,
    margin: 12,
    padding: 10,
    backgroundColor: "#fff",
    borderRadius: 20,
  },
  login: {
    color: "#fff",
    fontSize: 18,
  },
});
